body {
    height: 100%;
    overflow: none !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Arial, sans-serif;
    font-size: vh(14);
}

html {
    height: 100%;
    overflow: none !important;
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}
a:focus,
a:active {
    outline: none;
}

a,
a:focus,
a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}

div:focus {
    outline: none;
}

.clearfix {
    &:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: ' ';
        clear: both;
        height: 0;
    }
}

// 滚动条美化
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.15);
    transition: color 0.2s ease;
}

//===========================================================================
.none {
    display: none;
}

.forbid {
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
}
// flex
.flex {
    display: flex;
    flex-direction: column;
}
.flex-column {
    display: flex;
    flex-direction: column; /* 设置元素内弹性盒元素的方向为相反的顺序 */
}
.flex-row {
    display: flex;
    flex-direction: row;
}
.flex-wrap {
    flex-wrap: wrap; /* 让弹性盒元素在必要的时候拆行 */
}
.jc-between {
    justify-content: space-between; /* 两端对齐 */
}
.jc-around {
    justify-content: space-around; /* 两端有间距 */
}
.jc-center {
    justify-content: center; /* 水平居中 */
}
.jc-start {
    justify-content: flex-start;
}
.jc-end {
    justify-content: flex-end; /* 水平右中 */
}
.ai-center {
    align-items: center; /* 垂直居中 */
}
.ai-end {
    align-items: flex-end; /* 垂直向尾对齐 */
}
.ai-start {
    align-items: flex-start; /* 垂直向头对齐 */
}
.fx1 {
    flex: 1;
}
.flex-wap {
    flex-wrap: wrap;
}
.flex-nowap {
    flex-wrap: nowrap;
}
.hidden {
    overflow: hidden;
}
// color
.c-white {
    color: white;
}
.c-303133 {
    color: #303133;
}
.c-142535 {
    color: #142535;
}
.c-606266 {
    color: #606266;
}
.c-A8ABB2 {
    color: #a8abb2;
}
.s-ff764f {
    stroke: #ff764f;
}
.c-ff764f {
    color: #ff764f;
}
// align
.tal {
    text-align: left;
}
.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
// font-size
.f12 {
    font-size: vh(12);
}
.f14 {
    font-size: vh(14);
}
.f16 {
    font-size: vh(16);
}
.f20 {
    font-size: vh(20);
}
.f24 {
    font-size: vh(24);
}
.f28 {
    font-size: vh(28);
}
.f30 {
    font-size: vh(30);
}
.f32 {
    font-size: vh(32);
}
.fw700 {
    font-weight: 700;
}
.fw500 {
    font-weight: 500;
}
.lh40 {
    line-height: vh(40);
}
// box
.mr4 {
    margin-right: vh(4);
}
.mr8 {
    margin-right: vh(9);
}
.mb8 {
    margin-bottom: vh(8);
}
.mr9 {
    margin-right: vh(9);
}
.ml9 {
    margin-left: vh(9);
}
.mr10 {
    margin-right: vh(10);
}
.mb10 {
    margin-bottom: vh(10);
}
.mb12 {
    margin-bottom: vh(12);
}
.mt16 {
    margin-top: vh(16);
}

.mb16 {
    margin-bottom: vh(20);
}
.mb18 {
    margin-bottom: vh(18);
}
.ml20 {
    margin-left: vh(20);
}
.mr20 {
    margin-right: vh(20);
}
.mt20 {
    margin-top: vh(20);
}
.mb20 {
    margin-bottom: vh(20);
}
.pl20 {
    padding-left: vh(20);
}
.mb24 {
    margin-bottom: vh(24);
}
.mr24 {
    margin-right: vh(24);
}
.mt40 {
    margin-top: vh(40);
}
.mb30 {
    margin-bottom: vh(30);
}

// other
.pointer {
    cursor: pointer;
}

.text-ep {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}
// 定制表格样式
// .custom-table {
//   background: transparent;
//   border-color: rgba(255, 255, 255, 0.08) !important;
//   &::before {
//     height: 0;
//   }
//   &::after {
//     height: 0;
//   }
//   .el-table__header-wrapper {
//     tr {
//       background: transparent;
//       height: vh(40);
//       box-sizing: border-box;
//       th {
//         background: rgba(255, 92, 83, 0.15) !important;
//         box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.08),
//           0px 1px 0px rgba(255, 255, 255, 0.08) !important;
//         color: #ffffff;
//         font-size: vh(16);
//         font-weight: 400;
//         border-color: rgba(255, 255, 255, 0.08) !important;
//       }
//     }
//   }
//   .el-table__body-wrapper {
//     tr {
//       background: transparent;
//       height: vh(48);
//       box-sizing: border-box;
//       td {
//         border-color: rgba(255, 255, 255, 0.08) !important;
//         color: rgba(255, 255, 255, 0.8);
//         font-size: vh(16);
//       }
//       &:hover {
//         td {
//           background-color: transparent !important; //  设计稿没有hover背景色先去掉
//         }
//       }
//       .c-main {
//         background: linear-gradient(90.19deg, #ff764f 0.2%, #ff5c53 99.87%);
//         background-clip: text;
//         color: transparent;
//       }
//     }
//   }
// }

// .el-popover{
//   .el-button--text{
//     color: #606266;
//   }
//   padding: vw(12);
//   min-width: vw(150);
//   font-size: vh(14);
//   .el-button--mini {
//       padding: vh(7) vw(15);
//       font-size: vh(14);
//   }
// }
